body{
    background: url(../imgs/sign-bg.jpg) no-repeat; 
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 29px 20px 0px 32px;
    .login{
        text-align: right;
        color: #fff;
    }
    .regbox{
        display: flex;
        flex-direction: column;
        margin-top: 25px;
        h2{
            color: #fff;
            font-size: 24px;
        }
        h5{
            color: #fff;
            font-size: 16px;
            margin-top: 5px;
            opacity: 0.6;
            font-weight: normal;
        }
        .form{
            margin-top: 69px;
            margin-right: 12px;
            display: flex;
            flex-direction: column;
            
            input{
                height: 50px;
                border-radius: 25px;  
                margin-bottom: 19px;
                color: #fff;
                text-indent: 2em;
                background-color: rgba(255, 255, 255, 0.5);
                &::placeholder{
                    color: #fff;
                    opacity: 0.7;
                }
            }  
            input.change{
                &::placeholder{
                    color: red!important;
                    opacity: 0.7;
                }
            }
            #loginbtn{
             height: 50px;
             border-radius: 25px;
             background-color: rgba(99, 255, 167, 0.5);
             color: rgba(255, 255, 255, 100);
            }
            p{
                display: flex;
                margin-bottom: 19px;
                #verify{
                    flex: 3;
                    margin-bottom: 0;
                }
                #captcha{
                    flex: 2;
                    height: 50px;
                    margin-left: 15px;
                    background-color: #D08BE6;
                }
            }
        }
        .forget{
            text-align: center;
            margin-top: 28px;
            color: #fff;
            font-size: 14px;
        }
        
    }
    }